<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/share/common.css" />
		<link rel="stylesheet" href="../../css/my/quanziMessage.css" />
		<title></title>
	</head>

	<body id="main">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left"></a>
			<a class="mui-icon  mui-pull-right header-right-text" v-on:click="clearM()">消息清空</a>
			<h1 class="mui-title">圈子消息</h1>
		</header>
		<div style="margin-top: 48px;">
			<ul class="main_list" id="mainlist" >
				<li class="box_orient_h" v-for="member in messageList" v-on:click="openCircle(member.userId,member.name,member.huanIMGroupId,member.id)">
					<div class="main_list_img">
						<img src={{member.headimg}} />
					</div>
					<div class="main_list_con flex-b">
						<div class="main_list_con_name texthidden">
							{{member.name}}
						</div>
						<span id={{member.huanIMGroupId}}>{{member.number}}</span>
					</div>
				</li>
			</ul>
		</div>
		<script src="../../js/vue.min.js"></script>
	    <script src="../../js/vue-resource.min.js"></script>
		<script src="../../js/md5.js"></script>
		<script src="../../js/request.js"></script>
		<script src="../../js/localData.js"></script>
		<script type="text/javascript" src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../script/my/quanziMessage.js" ></script>
	</body>

</html>